<!DOCTYPE html>
<html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>攀枝花智慧旅游后台系统</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="user/css/mycss.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div th:replace="userIndex :: header">

    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                </i>
                <li class="layui-nav-item layui-nav-itemed"><a href="index.html">欢迎首页</a></li>

                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="#">用户中心</a>
                    <dl class="layui-nav-child">
                        <dd class = "layui-this"><a href="center.html">中心面板</a></dd>
                        <dd><a href="fundamental.html">基本资料</a></dd>
                        <dd><a href="javascript:;">身份信息</a></dd>
                        <dd><a href="javascript:;">修改密码</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">产品购买</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">特产购买</a></dd>
                        <dd><a href="javascript:;">酒店预订</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">贴子管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">发帖目录</a></dd>
                        <dd><a href="javascript:;">消息通知</a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>


    <div class="layui-body">
        <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
            <legend>您的邮箱尚未验证，则比较影响你的账号安全。<a href="#" style="color: red">立即注册</a>
            </legend>
        </fieldset>
        <div style="padding: 20px; background-color: #F2F2F2;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">我的用户信息</div>
                        <div class="layui-card-body">
                            您的在线时长:<span>189</span><br>分钟您当前为:<span>普通用户</span><br>
                            您暂无任何的行程安排！<a href="#" style="color: red">添加行程安排</a>
                            您现在拥有社区金币：<span>189</span>
                            <button type="button" class="layui-btn layui-btn-warm layui-btn-sm">点击充值</button>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-tab">
                            <ul class="layui-tab-title">
                                <li class="layui-this">签到</li>
                                <li>社区管理</li>
                                <li>金币说明</li>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <button type="button" class="layui-btn layui-btn-danger">今日签到</button>
                                    签到课获得5金币
                                </div>
                                <div class="layui-tab-item">内容2</div>
                                <div class="layui-tab-item"> 社区金币,是攀枝花智慧旅游的一种虚拟货币,通常它的兑价是1社区金币=1人民币。
                                    社区金币是一种可以在攀枝花智慧旅游统一支付的虚拟货币(1社区金币=1人民币),通过购买社区金币卡,电话充值,银行卡充值等方式获得。社区金币卡面值分别有5元、15元、30元。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">快捷操作</div>
                    <div class="layui-card-body">
                        <div class="layui-row">
                            <div class="layui-col-xs3">
                                <div class="grid-demo grid-demo-bg1 myGrid-demo" >
                                    <button type="button" class="layui-btn my-layui-btn"><i class="layui-icon layui-icon-set"></i>
                                    </button>
                                    <br>
                                    <span>修改信息</span>
                                </div>
                            </div>
                            <div class="layui-col-xs3">
                                <div class="grid-demo myGrid-demo">
                                    <button type="button" class="layui-btn my-layui-btn"><i
                                            class="layui-icon layui-icon-face-smile"></i></button>
                                    <br>
                                    <span>修改头像</span>
                                </div>
                            </div>
                            <div class="layui-col-xs3">
                                <div class="grid-demo grid-demo-bg1 myGrid-demo">
                                    <button type="button" class="layui-btn my-layui-btn"><i class="layui-icon layui-icon-password"></i></button>
                                    <br>
                                    <span>修改密码</span>
                                </div>
                            </div>
                            <div class="layui-col-xs3">
                                <div class="grid-demo myGrid-demo">
                                    <button type="button" class="layui-btn my-layui-btn"><i class="layui-icon layui-icon-user"></i>
                                    </button>
                                    <br>
                                    <span>绑定邮箱</span>
                                </div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs3">
                                <div class="grid-demo grid-demo-bg1 myGrid-demo" >
                                    <button type="button" class="layui-btn my-layui-btn"><i class="layui-icon layui-icon-addition"></i>
                                    </button>
                                    <br>
                                    <span>发表新帖</span>
                                </div>
                            </div>
                            <div class="layui-col-xs3">
                                <div class="grid-demo myGrid-demo">
                                    <button type="button" class="layui-btn my-layui-btn"><i
                                            class="layui-icon layui-icon-search"></i></button>
                                    <br>
                                    <span>搜索资源</span>
                                </div>
                            </div>
                            <div class="layui-col-xs3">
                                <div class="grid-demo grid-demo-bg1 myGrid-demo">
                                    <button type="button" class="layui-btn my-layui-btn"><i class="layui-icon layui-icon-reply-fill"></i></button>
                                    <br>
                                    <span>查看分享</span>
                                </div>
                            </div>
                            <div class="layui-col-xs3">
                                <div class="grid-demo myGrid-demo">
                                    <button type="button" class="layui-btn my-layui-btn"><i class="layui-icon layui-icon-star"></i>
                                    </button>
                                    <br>
                                    <span>我的收藏</span>
                                </div>
                            </div>
                        </div>

                        <div class="layui-row">
                            <div class="layui-col-xs3">
                                <div class="grid-demo grid-demo-bg1 myGrid-demo" >
                                    <button type="button" class="layui-btn my-layui-btn"><i class="layui-icon layui-icon-login-wechat"></i>
                                    </button>
                                    <br>
                                    <span>微信公众号</span>
                                </div>
                            </div>
                            <div class="layui-col-xs3">
                                <div class="grid-demo myGrid-demo">
                                    <button type="button" class="layui-btn my-layui-btn"><i
                                            class="layui-icon layui-icon-cart-simple"></i></button>
                                    <br>
                                    <span>订单详情</span>
                                </div>
                            </div>
                            <div class="layui-col-xs3">
                                <div class="grid-demo grid-demo-bg1 myGrid-demo">
                                    <button type="button" class="layui-btn my-layui-btn"><i class="layui-icon layui-icon-home"></i></button>
                                    <br>
                                    <span>网站首页</span>
                                </div>
                            </div>
                            <div class="layui-col-xs3">
                                <div class="grid-demo myGrid-demo">
                                    <button type="button" class="layui-btn my-layui-btn"><i class="layui-icon layui-icon-console"></i>
                                    </button>
                                    <br>
                                    <span>后台管理系统</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-footer">
            <!-- 底部固定区域 -->
            © layui.com - 底部固定区域
        </div>
    </div>
    <script src="layui/layui.js"></script>
    <script>
        //JavaScript代码区域
        layui.use('element', function () {
            var element = layui.element;

        });
        layui.use(['carousel', 'form'], function () {
            var carousel = layui.carousel
                , form = layui.form;

            //常规轮播
            carousel.render({
                elem: '#test1'
                , width: '75%' //设置容器宽度
                , height: '500px'
                , arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });

        });
    </script>

</body>
</html>